/*
  学习目标：React中this指向小结
  1. 自带结构体中, this指向组价实例对象  
  2. 非自带结构体中, this指向undefined

  处理办法：
     1. 👍 使用箭头函数定义方法
     2. render函数内, 使用箭头函数, 绑定事件
     3. 👎 使用ES5的bind语法改变this执行
*/

import React, { Component } from 'react';

export default class App extends Component {
  handleClick() {
    console.log('this  ----->  ', this);
  }
  render() {
    console.log('自带结构体的this  ----->  ', this);
    return (
      <>
        {/* 👎 ES5， 可以通过bind主动改变this指向*/}
        <button onClick={this.handleClick.bind(this)}>点我</button>
      </>
    );
  }
}
